<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>易金所</title>
    <!-- 共用css -->
    <link rel="stylesheet" href="../../public/css/common.css">
    <!-- receiptDetails.css -->
    <link rel="stylesheet" href="../../static/home/css/receiptDetails.css">

</head>
<body>

    <!-- 状态栏 -->
    <header class="primaryBg">
        <a href="javascript:history.back();" class="backBtn"><img src="../../public/image/backicon.png" alt=""></a>
        <h1>收货详情</h1>
        <a href="#" class="rightBtn share"><img src="../../public/image/share.png" alt=""></a>
    </header>

    <!-- 内容 -->
    <article>

        <!-- sectionOne -->
        <section class="sectionOne">
            <ul id="itemgroup">
                <li class="item active">
                    <a href="javascript:void(0)">
                        <img src="../../public/image/carousel.png" alt="" />
                    </a>
                </li>
                <li class="item">
                    <a href="javascript:void(0)">
                        <img src="../../public/image/carousel.png" alt="" />
                    </a>
                </li>
                <li class="item">
                    <a href="javascript:void(0)">
                        <img src="../../public/image/carousel.png" alt="" />
                    </a>
                </li>
                <li class="item">
                    <a href="javascript:void(0)">
                        <img src="../../public/image/carousel.png" alt="" />
                    </a>
                </li>
            </ul>
            <ul id="bannerSelect">
                <li class="circle active"></li>
                <li class="circle"></li>
                <li class="circle"></li>
                <li class="circle"></li>
            </ul>
        </section><!-- sectionOne -->

        <!-- sectionTwo -->
        <section class="sectionTwo">
            <h2>香菇菌棒一级品种</h2>
            <p>河南灵宝昌盛食用菌有限责任公司</p>
            <p><img src="../../public/image/safe.png" alt="">低价供货，高价收货</p>
            <p>昌盛食用菌公司统一采购收货，保证到家收货，高品质 产品给高价，及时付款。</p>
            <p><span><em>13</em>—<em>14</em>元/斤</span></p>
        </section><!-- sectionTwo -->

        <!-- sectionThree -->
        <section class="sectionThree">
            <div><p>购买数量：</p><label><input type="number" value="200">小时</label></div>
            <div><p>购买说明：</p><label class="primaryColor">正在进行</label></div>
        </section><!-- sectionThree -->

        <!-- sectionFour -->
        <section class="sectionThree">
            <div><p>交货地址：</p></div>
            <h2>王晓明</h2>
            <h2>河南省三门峡灵宝市尹庄镇阳平村东香菇基地</h2>
            <div><p>购买数量：</p><label><input type="number" value="200">斤</label></div>
            <div><p>购买说明：</p></div>
            <textarea></textarea>
        </section><!-- sectionFour -->

    </article>

    <footer>
        <button><img src="../../public/image/zhixun.png" alt=""><span>咨 询</span></button>
        <button>立即报价</button>
    </footer>

</body>
</html>

<!-- 共用js -->
<script src="../../public/js/common.js"></script>
<!-- jquery -->
<script src="../../public/js/jquery-2.2.4.min.js"></script>
<!-- carousel -->
<script src="../../public/js/carousel.min.js"></script>
<!-- angular -->
<script src="../../public/js/angular.min.js"></script>